@charset "utf-8";
/* CSS Document */
body{
	color: #666;
	font-size: 12px;
	font-family: Arial;
}
*{
	margin: 0;padding: 0;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}



/*头部开始条幅*/
#head{
	width: 100%;
	height: 30px;
	background: #FFFFFF;
	border-bottom: 1px solid #ccc;
}
.head_best{
	width: 1200px;
	height: 30px;
	margin: 0 auto;
	/*border: 1px solid blue;*/
	/*border-bottom: 1px solid #ccc;*/
}
.head_best ul li{
	margin-top: 5px;
	float: left;
	border-left: 1px solid #ccc;
}
.head_best ul .head_best_li1{
	border-left: none;
	margin-left: 280px;
}
.head_best ul li a{
	color: #666666;
	display: inline-block;
	padding: 0px 15px;
	line-height: 20px;
	height: 20px;
	text-align: center;
}
.weixin{
	background: url(images/single.png) no-repeat;
	padding: 1px 11px;
}
.qiuqiu{
	background: url(images/mls_global140607.png) no-repeat -186px -21px;
	padding: 1px 12px;
}
.car{
	background: url(images/mls_global140607.png) no-repeat -1px -163px;
	padding: 1px 12px;
}
.dingdan{
	background: url(images/mls_global140607.png) no-repeat -218px -45px;
	padding: 1px 12px;
}
.huiyuan{
	background: url(images/faef5f0c41ef4c_18_15.cf.png) no-repeat;
	padding: 1px 12px;
}
.xiazai1{
	background: url(images/mls_global140607.png) no-repeat -164px -45px;
	padding: 1px 12px;
}
.xiazai2{
	background: url(images/mls_global140607.png) no-repeat -20px -70px;
	display: inline-block;
	width: 10px;
	height: 6px;
}
.number{
	background: #FF6497;
}
.head_best_li5{
	position: relative;
}
.head_hidden{
	display: none;
	float: right;
	position: absolute;
	top:26px;right: 0px;
	z-index: 1000;
	width:290px; 
	height:74px;
	/*border: 1px solid red;*/
	padding: 3px 0px;
	background: white;
	/*line-height: 10px;*/
}
.hidden_img{
	float: left;
	width: 80px;
	height: 72px;
}

.head_hidden1{
	color: #f69;
}
.head_hiddens{
	float: left;
	margin-top: 5px;	
}
.head_best ul li a:hover{
	color: #f69;
}
.head_best ul .head_best_li5:hover .head_hidden{
	display: block;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/*头部条幅结束*/


/*头部logo开始*/


#logo{
	width: 100%;
	height:120px;
	background: #FFFFFF;
}
.logo_all{
	width: 1200px;
	height: 120px;
	margin: 0 auto;
	/*border: 1px solid blue;*/
}
.logo_left1{
	display: block;
	float: left;
	margin-top: 40px;
}
.logo_left2{
	display: block;
	float: left;
	margin-top: 40px;
	margin-left: 15px;
}
.logo_center{
	width: 520px;
	height: 85px;
	float: left;
	margin-left: 100px;
	margin-top: 20px;
	/*border: 1px solid blue;*/
	position: relative;
}
.logo_center span{
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
.logo_center1 span{
	width: 54px;
	height: 24px;
	background: #F2F2F2;
	line-height: 24px;
	color: #666;
	float: left;
}
.logo_center1 .active{
	background: #f69;
	color: #fff;
}
.logo_center2 .input_text{
	display: block;
	width: 447px;
	height: 30px;
	float: left;
	border: 2px solid #FF6699;
}
.logo_center2 span{
	width: 64px;
	height: 32px;
	background: #F69 url(images/857089caf7d7f742_24_20.ch.png) no-repeat center;
	float: left;
	border: 1px solid #FF6699;
}
.logo_center3{
  float: left;
  margin-top: 5px;
  margin-left: 5px;
}
a{
	color: #666;
	display: inline-block;
	margin-left: 5px;
}
.extra_a{
	color: #f69;
}

.logo_center3 a:hover{
  color: #f69;
}


/*logo部分结束*/








/*分内条开始*/


#active_box{
	width: 100%;
	height: 49px;
	background: #FFFFFF;
	border-bottom: 1px solid #f69;
}
.active_box_in{
	width: 1200px;
	height: 49px;
	line-height: 49px;
	margin: 0 auto;
	position: relative;
}
.fix{
	position: fixed;
	top:0px;
	left: 0px;
	z-index: 100;
}
.active_box_in li{
	float: left;
	display: inline-block;
	padding:0px 17px;
	font-size: 14px;
	font-weight: bold;
	background: white;
}
.line{
	display: inline-block;
	width: 1px;
	height: 17px;
	background: #D6D7D8;
	margin-top: 10px;
}
.box1{
	color: #333;
}
.box2{
	color: #f69;
}
.border_box1{
	display: inline-block;
}
.border_box2{
	display: inline-block;
	border: 3px solid transparent;
	border-top: 3px solid #333;
	width: 0px;
	height: 0px;
}
.active_box_in li.hidden_li{
	position: relative;
}
.active_box_in li:hover .box1{
	color: #f69;
}
.active_box_in li:hover .box2{
	color: #f69;
}
.active_box_in li:hover{
	border-bottom: 3px solid #f69;
}
.active_box_in li:hover .border_box2{
	border: 3px solid transparent;
	border-bottom: 3px solid #f69;
	margin-bottom: 3px;
}
.hidden_dd{
	width: 120px;
	text-align: center;
	position: absolute;
	top:50px;
	left:-20px;
	z-index: 999;
	display: none;
	background: white;
	border: 1px solid #ccc;
}
.hidden_dda{
	display: block;
	color: #333;
	height: 30px;
	font-weight: normal;
}
.hidden_li:hover .hidden_dd{
	display: block;
}
.hidden_dda:hover{
	color: #f69;
}





/*分类条结束*/






/*第一屏内容开始*/





/*总的属性*/
#content_first{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	/*margin-top: 2px;*/
}
.con_fir_all{
	width: 1200px;
	height: 607px;
	margin: 0 auto;
	/*border: 1px solid red;*/
	position: relative;

}
.con_fir_left{
	width: 240px;
	height: 607px;
	float: left;
    border: 1px solid #ccc;
    position: absolute;
    top:3px; left: 0px;
}
.con_left_ul{
	width: 235px;
	height: 605px;
	position: relative;
}
.con_left_ul li{
    border-bottom: 1px solid #ccc;
    margin-left: 20px;
    margin-right: 20px;
    height: 115px;
    /*float: left;*/
}
.con_left_ul .ul_li5{
	border: none;
}
.con_left_ul .find{
	margin-top: 10px;
	position: relative;
	float: left;
}
.hide-in{
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.con_left_ul .hide{
	width: 360px;
	z-index: 998;
	background: white;
	display: none;
	float: left;
	/*margin-left: 50px;*/
}
.con_left_ul li:hover .hide{
	display: block;
}
.hide .hide-in a:hover{
	color: #f69;
}
.find a:hover{
	color: #f69;
}
.con_left_ul a{
	display: inline-block;
	margin-right: 4px;
	color: #666;
	line-height: 24px;   
}


/*总的属性结束*/







/*第一块开始*/
.con_left_ul .hide1-in{
    position: absolute;
	top:-1px; right: -369px;
	/*border: 1px solid green;*/
}
span.corner1{
	position: absolute;
	top:50px;
	right: 5px;
	font-size: 16px;
	color: #999;
}

.con_left_ul li:hover span.corner1{
	color: #f69;
}




/*第一块结束*/





/*第二块开始*/

.con_left_ul .hide2-in{
    position: absolute;
	top:115px; right: -369px;
}
span.corner2{
	position: absolute;
	top:165px;
	right: 5px;
	font-size: 16px;
	color: #999;
}

.con_left_ul li:hover span.corner2{
	color: #f69;
}

/*第二块结束*/




/*第三块开始*/

.con_left_ul .hide3-in{
    position: absolute;
	top:230px; right: -369px;
}
span.corner3{
	position: absolute;
	top:300px;
	right: 5px;
	font-size: 16px;
	color: #999;
}

.con_left_ul li:hover span.corner3{
	color: #f69;
}
/*第三小块结束*/






/*第四小块开始*/
.con_left_ul .hide4-in{
    position: absolute;
	top:344px; right: -369px;
}
span.corner4{
	position: absolute;
	top:434px;
	right: 5px;
	font-size: 16px;
	color: #999;
}

.con_left_ul li:hover span.corner4{
	color: #f69;
}

/*第四小块结束*/






/*第五小块开始*/
.con_left_ul .hide5-in{
    position: absolute;
	top:458px; right: -369px;
}
span.corner5{
	position: absolute;
	top:544px;
	right: 5px;
	font-size: 16px;
	color: #999;
}

.con_left_ul li:hover span.corner5{
	color: #f69;
}
/*第五小块结束*/


/*中间部分*/
.con_fir_cen{
	float: left;
	position: absolute;
	top:3px;
    left: 250px;
    cursor: pointer;
}
.cent_img{
	width:940px; 
	margin-right: 15px;
	height:465px;
	position: absolute;
	top:0px;
	left: 0px;
	display: none;
	cursor: pointer;
}
#ulcir{
	width: 200px;
	height: 15px;
	position: absolute;
	top:420px;
	left: 370px;
}
#ulcir li{
	display: inline-block;
	float: left;
	background: #CBCACF;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-right: 10px;
	cursor: pointer;
}
#click{
	width: 940px;
	height: 62px;
	position: absolute;
	top: 202px;
	left: 0px;
	display: none;
}
#click .click_l,#click .click_r{
	width: 28px;
	height: 62px;
	background: #ccc;
	opacity: 0.8;
	float: left;
	font-size: 20px;
	line-height: 62px;
	text-align: center;
	cursor: pointer;
	/*display: none;*/
}
#click .click_r{
	float: right;
}
/*中间部分结束*/


/*底部开始*/
.con_fir_bot{
	float: left;
	position: absolute;
	top:475px;
    left: 245px;
}

.bot_ul{
	float: left;
	margin-right: 0px;
}
.bot_ul li{
	display: inline-block;
	font-size: left;
}
/*底部结束*/


/*第一屏内容结束*/



/*图片区第一区开始*/

#pictures_all{
	width: 100%;
	height: auto;
	background: #FFFFFF;
}
.pics_one{
	width: 1200px;
	margin:0 auto;
	height: 425px;
	/*border: 1px solid red;*/
	margin-top: 50px;
}
.pics{
	border-bottom: 1px solid #ccc;
}
#pictures_all h2{
	font-size: 20px;
	color: #666;
	display: inline-block;
	font-style: normal;
}
#pictures_all span{
	font-size: 12px;
	padding: 3px 5px;
	/*margin-left: 5px;*/
	color: #999;
	font-size: 12px;
	font-style: normal;
}
.pics_one1_right{
	background: url(images/6a9af37db_30_230.cg.png) no-repeat 105% -175px;
	padding: 3px 3px;
	padding-right: 20px;
	float: right;
	font-size: 12px;
	font-style: normal;
}
.pics_one2{
	margin-top: 15px;
}
.pics_one2 img{
	width: 124px;
	height: 123px;
}
.pics_one2 .one2_big{
	width: 260px;
	height: 376px;
}
.pics_one2 ul{
	width: 400px;
	height: 378px;
	float: left;
}
.pics_one2 ul li{
	float: left;
}




/*第一区图片结束*/



/*第二区图片开始*/
.pics_two{
	margin: 0 auto;
	width: 1200px;
	height: 235px;
	margin-top: 30px;
	/*border: 1px solid blue;*/
}
.pics_two img{
	width: 183px;
	height: 183px;
}
.pics_two2{
	margin-top: 15px;
}
.pics_two2 li{
	float: left;
	padding: 0px 6px;
}


/*第二区图片结束*/








/*第三区图片开始*/

.pics_thr{
	margin: 0 auto;
	width: 1200px;
	height: 830px;
	margin-top: 25px;
	/*border: 1px solid purple;*/
}
.pics_thr2 li{
	float: left;
	padding: 0px 5px;
}
.pics_thr2{
	margin-top: 15px;
}
#pictures_all .price{
	color: #f69;
	font-size: 18px;
}
#pictures_all .love{
	float: right;
	padding: 4px 20px;
	background: url(images/6a9af37db_30_230.cg.png) no-repeat 0 -23px;
	color: #999; 
}
#pictures_all .type_pic{
	float: left;
	color: #666;
    cursor: pointer;
}
#pictures_all .type_pic:hover{
	color: #f69;
}
.pics_on a:hover{
    color: #f69;
}

/*第三图片区结束*/





/*第四图片区开始*/
.pics_for{
	margin: 0 auto;
	width: 1200px;
	height: 420px;
	margin-top: 25px;
	/*border: 1px solid black;*/
}
.pics_for2{
    margin-top: 15px;
}
.pics_for2 li{
	float: left;
	padding: 0px 4px;
	width: 392px;
}
.pics_for2 img{
	width: 386px;
	height: 258px;
}
.price_out{
	text-decoration: line-through;
	margin-left: 30px; 
}
.numb{
	margin-top: 15px;
}
.taba{
	font-weight: bold;
	font-size: 14px;
	font-family: Arial;
	color: #666;
	font-style: normal;
	margin-top: 5px;
}
.textover{
	color: #999;
	height: 55px;
	overflow: hidden;
	font-size:14px;
	font-family: Arial;
	font-style: normal;
	margin-top: 5px;
}
.taba:hover{
	color: #f69;
}

/*第四区结束*/






/*第五区开始*/
#pictures_all .pics_fiv{
	margin: 0 auto;
	width: 1200px;
	height: 575px;
	margin-top: 25px;
	/*border: 1px solid green;*/
}
.pics_fiv2{
    margin-top: 15px;
}
.pics_fiv2 li{
	float: left;
	padding: 0px 4px;
	width: 392px;
}
.pics_fiv2 img{
	width: 386px;
	height: 386px;
}
.pics_fiv2 .tag{
	margin-top: 5px;
	padding: 0 25px;
	font-style: normal;
	font-size: 12px;
	background: url(images/6a9af37db_30_230.cg.png) no-repeat 0 1px;
}
.pics_fiv2 .tag a{
	color: #f69;
}







#pictures_all  .pics_six{
	margin: 0 auto;
	width: 1200px;
	height: 320px;
	margin-top: 25px;
	position: relative;
}
.six_mid{
	width: 260px;
	margin: 0 auto;
	margin-top: 10px;
}
#pictures_all .six_mid span{
	display: inline-block;
	padding: 0 10px;
	font-size:16px;
	color: #666; 
	cursor: pointer;
}
.pics_six2{
    position: absolute;
    top:80px;
    left: 0px;
    display: none;
}
.pics_six2 ul li{
	position: relative;
}
.pics_six2 img{
	width: 386px;
    height: 230px; 
}
.pics_six2 .hide_div{
	width: 386px;
    height: 230px; 
    position: absolute;
    top:0px;
    left: 10px;
    background: black;
    opacity: 0.5;
    cursor: pointer;
    display: none;
}
.hide_div1,.hide_div2{
	width: 120px;
	height: 42px;
	text-align: center;
	font-size: 18px;
	line-height: 42px;
	color: #fff;
	border: 2px solid #fff;
	cursor: pointer;
}
.hide_div1{
	position: absolute;
	left: 133px;
	top:63px;
}
.hide_div2{
	position: absolute;
	left: 133px;
	top:125px;
}
.hide_div1 div{
	display: block;
	width: 120px;
	height: 42px;
	text-align: center;
	font-size: 18px;
	line-height: 42px;
	color: #fff;
	position: absolute;
	top:0px;
	left: 0px; 
}
.hide_div1 .fouce_out{
    display: none;
}
.pics_six2 ul li:hover .hide_div{
	display: block;
}
.hide_div .hide_div1:hover .fouce_on{
	display: none;
}
.hide_div .hide_div1:hover .fouce_out{
	display: block;
	background: #fff;
	color: black;
}
.hide_div .hide_div2:hover{
	color: black;
	background: #fff;
}
.pics_six2 li{
	float: left;
	padding: 0px 4px;
	width: 392px;
}
/*第六图片去结束*/













/*第七图片去开始*/

#pictures_all  .pics_sev{
	margin: 0 auto;
	width: 1200px;
	height: 500px;
	margin-top: 25px;
	position: relative;
}
.sev_mid{
	width: 440px;
	margin: 0 auto;
	margin-top: 10px;
}
#pictures_all .sev_mid span{
	display: inline-block;
	padding: 0 10px;
	font-size:16px;
	color: #666; 
	cursor: pointer;
}
.pics_sev2{
    position: absolute;
    top:80px;
    left: 0px;
    display: none;
}
.pics_sev2 img{
	width: 386px;
    height: 333px; 
}
.pics_sev2 li{
	float: left;
	padding: 0px 4px;
	width: 392px;
	position: relative;
}
.pics_sev2 .hide_div{
	width: 386px;
    height: 335px; 
    position: absolute;
    top:0px;
    left: 10px;
    background: black;
    opacity: 0.5;
    cursor: pointer;
    display: none;
}
.pics_sev2 .hide_div1{
	position: absolute;
	left: 133px;
	top:116px;
}
.pics_sev2 .hide_div2{
	position: absolute;
	left: 133px;
	top:178px;
}
.pics_sev2 ul li:hover .hide_div{
	display: block;
}
.pics_sev2 li .sev2_bot1{
	text-align: center;
	margin-top: 5px;
	font-size: 22px;
	color: #666;
	font-style: normal;
}
.pics_sev2 li .sev2_bot a:hover{
	color: #f69;
}
.pics_sev2 li .sev2_bot2{
	text-align: center;
	margin-top: 5px;
	font-size: 12px;
	color: #999;
	font-style: normal;
}
.pics_sev2 li .sev2_bot3{
	text-align: center;
	margin-top: 5px;
	font-size: 12px;
	color: #999;
	font-style: normal;
}
.pics_sev2 li .sev2_bot3 i{
	color: #f69;
}

/*第七图片去结束*/






/*第八图片去开始*/


#pictures_all  .pics_eig{
	margin: 0 auto;
	width: 1200px;
	height: 392px;
	margin-top: 25px;
	/*border: 1px solid #666;*/
}
.pics_eig2{
    margin-top: 15px;
}
.pics_eig2 img{
	width: 224px;
    height: 340px; 
}
.pics_eig2 li{
	float: left;
	padding: 0px 5px;
}
/*第八图片区域结束*/



/*第九图片区域开始*/



#pictures_all  .pics_nin{
	margin: 0 auto;
	width: 1200px;
	height: 830px;
	margin-top: 25px;
	/*border: 1px solid #666;*/
}
.pics_nin .pics_one1_right{
	background: url(images/6a9af37db_30_230.cg.png) no-repeat 105% -197px;
	padding: 5px 25px; 
}
.pics_nin .pics_thr2 ul li{
    transition:2s;
}
.pics_nin .pics_thr2 ul li:hover{
    box-shadow: 10px 10px 10px black;
}

/*图片区域全部结束*/














/*底部脚步开始*/

#foot{
	width: 100%;
	height: auto;
	background: #F5F5F5;
	/*border: 1px solid black;*/
	margin-top: 10px;
}
.foot_on{
	width: 100%;
	height: 40px;
	border-top:1px solid #ccc;
	/*background: red; */
}
.foot_off{
	width: 1200px;
	height:245px;
	margin: 0 auto;
	/*border: 1px solid red;*/
}
.foot_off_on{
	/*float: left;*/
	/*padding-left: 48px;*/
	height:170px;
    line-height: 25px;
    font-style: normal;
    /*border: 1px solid purple;*/
}
.footon_one{
	float: left;
}
.imatel{
	height: 40px;
    width: 36px;
    float: left;
	background: url(images/al140607.png) no-repeat 0 -111px;
}
.telph{
	font-size: 20px;
	color: #666;
}
.explain{
	float: left;
	padding-left: 10px;
}
.ul_all{
	float: left;
	margin-right: 45px;
}
.ul_all1{
	margin-left: 45px;
}
.ul_all h4{
    font-size: 16px;
}
.ul_all li{
	float: left;
	line-height: 26px;
	/*display: inline-block;*/
}
.ul_all li a{
	display: block;
}
.ul_all li a:hover{
	color: #f69;
}
.ul_all li img{
	width: 115px;
	height: 115px;
}
.sina{
	height: 16px;
    width: 16px;
    margin-top: 5px;
    margin-right: 5px;
    float: left;
	background: url(images/al140607.png) no-repeat 0 -21px;
}
.qone{
    height: 16px;
    width: 16px;
    margin-top: 5px;
    margin-right: 5px;
    float: left;
	background: url(images/al140607.png) no-repeat -73px -21px;
}
.txun{
    height: 16px;
    width: 16px;
    margin-top: 5px;
    margin-right: 5px;
    float: left;
	background: url(images/al140607.png) no-repeat -49px -21px;
}
.ul_last{
	float: right;
	font-size: 16px;
	margin-right:40px; 
}
.ul_last .client{
	display: block;
	width: 132px;
	height: 108px;
	background: url(images/al140607.png) no-repeat 0px -401px;
}
/*脚本上面结束*/











/*脚本下面开始*/
#roll_down{
	width: 1200px;
	height: 32px;
	position: relative;
	overflow: hidden;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
.down1{
	width: 1200px;
	height: 32px;
	font-style: normal;
	line-height: 32px;
    padding: 0px 10px;
    position: absolute;
    top:0px;
    left: 0px;
}
.foot_off_down{
	font-style: normal;
}
.foot_off_down a:hover{
	color: #f69;
}
.down2{
	height: 30px;
	line-height: 30px;
}
.down1_right{
	display: inline-block;
	float: right;
}

















































